<!DOCTYPE html>
<html lang="en">
<head>
	<title>E-Bank Service 商户管理平台</title>
    <meta charset="UTF-8">
    <meta name="keywords" content="">
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=0" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
	<link rel="stylesheet" href="login/css/style.css"/>
    <!-- 提示升级高级浏览器操作 -->
    <style>
    	.ie-content{  position: fixed; left: 0; top: 0; right: 0; bottom:0; background:#fff; z-index: 1000;}
		.ie-content-bj{ width: 1000px; height: 380px; position: fixed; left: 50%; top: 36%; margin:-190px 0 0 -500px; background:url(img/sj.jpg) no-repeat; }
		.ie-list{ padding:168px 0 0 371px; }
		.ie-list a{ margin-right: 80px; }

		#particles-js {
            width: 100%;
            height: 100%;
            /* background: #000; */
            background-size: cover;
            background-position: 50% 50%;
            background-repeat: no-repeat;
        }
    </style>
</head>
<body class="body_bj">
<div id="particles-js">
<div class="login">
	<div class="logo">
		<img src="login/img/logo.png" alt="">
	</div>
	<ul class="login-list">
		<li><input type="text" placeholder="请输入手机号码"></li>
		<li><input type="password" placeholder="请输入密码"></li>
		<li><input type="text" placeholder="请输入验证码"><span class="yzm2"><img src="login/img/yzm.jpg" alt=""></span></li>
		<li><a class="btn" href="首页.html">登 录</a></li>
		<li class="tar"><a href="忘记密码.html">忘记密码？</a></li>
	</ul>
</div>
</div>
<!--[if lt IE 8]>
<div class="ie-content">
	<div class="ie-content-bj">
	    <div class="ie-list">
		    <a href="http://www.google.cn/intl/zh-CN/chrome/browser/"><img src="img/sj1.jpg" alt=""></a>
			<a href="http://www.firefox.com.cn/"><img src="img/sj2.jpg" alt=""></a>
			<a href="http://chrome.360.cn/"><img src="img/sj3.jpg" alt=""></a>	
	    </div>
	</div>
</div>
<![endif]-->

<script type="text/javascript" src="layui/layui.js"></script>
<script type="text/javascript" src="js/particles.min.js"></script>
<script>
	layui.use(['jquery', 'layer'], function () {
		var $ = layui.jquery,
			layer = layui.layer;
	});
</script>
<script>
	particlesJS('particles-js',
		{
			"particles": {
				"number": {
					"value": 40,  //数量
					"density": {
						"enable": true,
						"value_area": 800
					}
				},
				"color": {
					"value": "#ffffff"
				},
				"shape": {
					"type": "circle",
					"stroke": {
						"width": 0,
						"color": "#000000"
					},
					"polygon": {
						"nb_sides": 5
					},
					"image": {
						"src": "img/github.svg",
						"width": 100,
						"height": 100
					}
				},
				"opacity": {
					"value": 0.3,
					"random": false,
					"anim": {
						"enable": false,
						"speed": 1,
						"opacity_min": 0.1,
						"sync": false
					}
				},
				"size": {
					"value": 3,
					"random": true,
					"anim": {
						"enable": false,
						"speed": 40,
						"size_min": 0.1,
						"sync": false
					}
				},
				"line_linked": {
					"enable": true,
					"distance": 150,
					"color": "#ffffff",
					"opacity": 0.4,
					"width": 1
				},
				"move": {
					"enable": true,
					"speed": 1,
					"direction": "none",
					"random": false,
					"straight": false,
					"out_mode": "out",
					"bounce": false,
					"attract": {
						"enable": false,
						"rotateX": 600,
						"rotateY": 1200
					}
				}
			},
			"interactivity": {
				"detect_on": "canvas",
				"events": {
					"onhover": {
						"enable": true,
						"mode": "grab"
					},
					"onclick": {
						"enable": false,
						"mode": "push"
					},
					"resize": true
				},
				"modes": {
					"grab": {
						"distance": 150,
						"line_linked": {
							"opacity": 1
						}
					},
					"bubble": {
						"distance": 400,
						"size": 40,
						"duration": 2,
						"opacity": 8,
						"speed": 3
					},
					"repulse": {
						"distance": 200,
						"duration": 0.4
					},
					"push": {
						"particles_nb": 4
					},
					"remove": {
						"particles_nb": 2
					}
				}
			},
			"retina_detect": false
		}
	);
</script>

</body>
</html>